<template>
  <van-tabbar
    v-model="active"
    route
    active-color="red"
    inactive-color="#000"
  >
    <van-tabbar-item
      v-for="(l, i) in FootList"
      :key="i"
      :name="l.name"
      replace
      :to="{ name: l.name }"
      :badge="l.hot ? biaoqiannum : null"
    >
      <span>{{ l.text }}</span>
      <template #icon="">
        <i class="iconfont" :class="l.icon"></i>
      </template>
    </van-tabbar-item>
  </van-tabbar>
</template>
<script>
export default {
  name: "vantfoot",
  data() {
    return {
      active: 0,
    };
  },
};
</script>
